<template functional>
  <div
    class="media-tag"
    :class="[props.active ? 'active' : '', data.staticClass || '']"
    v-bind="data.attrs"
    v-on="listeners">
    <i class="iconfont icon-file3"></i>
    <span>{{ props.label }}</span>
  </div>
</template>

<style scoped>
.media-tag {
  padding: 5px 15px;
  font-size: 13px;
  cursor: pointer;
  color:#666;
}
.media-tag:hover {
  background:#f6f7f9;
}
.media-tag span {
  margin-left: 5px;
}
.icon-file3{color:#ccc;}
.active {
  background: #f6f7f9;
}
</style>
